<template>
    <div id="app">
        <!-- <h1>父子组件与兄弟组件通信</h1>
        <h3>子组件通信为 {{childMsg}}</h3>
        <my-bar :message="parentMsg" @showMsg="getMsg">
            <template #default>
                <ul>
                    <li>匿名插槽内容11</li>
                    <li>匿名插槽内容22</li>
                    <li>匿名插槽内容33</li>
                </ul>
            </template>
        </my-bar>
        <my-baz>
            <template v-slot:header="items">
                <p>具名插槽 header</p>
                <p>作用域插槽： {{items.user111.name}}</p>
            </template>
            <template v-slot:default>
                <p>匿名插槽内容</p>
            </template>
            <template v-slot:footer="haha">
                <p>具名插槽 footer</p>
                <p>作用域插槽： {{haha.test111.school}}</p>
            </template>
        </my-baz> -->
        <set>
        </set>
    </div>
</template>

<script>

// import MyBar from '@/components/vueApi2/Bar.vue'
// import MyBaz from '@/components/vueApi2/Baz.vue'

import set from '@/components/vueApi/set.vue'

export default {
//   name: 'App',
//   components: {
//     MyBar, MyBaz
//   },
  components: { set },
  data () {
    return {
    //   parentMsg: 'abc123',
    //   childMsg: ''
    }
  },
  methods: {
    // getMsg(data) {
    //   this.childMsg = data
    // }
  }
}
</script>

<style>
/* h1 {
  font-weight: normal;
} */
</style>
